<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动物法律</title>
    <!-- 浏览器SEO优化 -->
    <meta name="description" content="动物之家-专业的动物保护宣传平台，为您提供最新的动物知识、最棒的动物互动体验。">
    <meta name="keywords" content="动物,动物保护,野生动物,生态,环境,自然,和谐,救助,动物之家">
    <!-- 引入浏览器顶部的图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <style>
        body {
            margin: 0;
        }

        /* 主要内容 */
        div a {
            text-decoration: none;
            color: rgb(19, 15, 15);
        }

        h1 {
            margin-left: 70px;
        }

        .div {
            width: 900px;
            margin: 0 auto;
        }

        li:hover,
        li:hover a {
            color: rgb(101, 192, 101);
        }

        .center a:hover {
            color: rgb(49, 85, 49);
        }

        /* 特别不合理的该bug模块 */
        .nav ul,
        .nav li {
            /* 清除元素自带内边距和外边距 */
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* 导航栏模块 */
        .nav {

            /* 正文开始 */
            height: 50px;
            line-height: 48px;
            text-align: center;
            background-color: rgb(68, 138, 68);
        }

        .nav ul {
            display: flex;
            justify-content: space-around;
            width: 100%;
            height: 100%;
        }

        .nav ul li {
            /* 清除li和ol元素前面自带的小圆点和数字 */
            list-style: none;
            margin: 1px 0;
        }

        /* 经过li的时候的变化 */
        .nav ul li:hover {
            background-color: #fff;
        }

        .nav ul li:hover a {
            color: rgb(68, 138, 68);
        }

        .nav ul li a {
            display: block;
            color: #fff;
            font-size: 25px;
        }

        /* 法律条规盒子的样式 */
        .juzhong {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* 图片的大小 */
        img {
            height: 440px;
        }

        /* 底部的样式 */
        .foot {
            background-color: rgb(155, 199, 173);
            height: 300px;
            padding-top: 30px;
        }

        /* 友情链接的链接的样式 */
        .center a {
            color: #fff;
        }

        /* 友情链接的样式 */
        .center {
            color: #fff;
            font-size: 20px;
            margin-left: 20px;
            width: 1100px;
        }

        .banner {
            width: 1280px;
            margin: 0 auto;
        }

        .nav {
            height: 50px;
            line-height: 48px;
            text-align: center;
            background-color: rgb(68, 138, 68);
        }

        .nav ul {
            display: flex;
            justify-content: space-around;
            width: 100%;
            height: 100%;
        }

        .nav ul li {
            margin: 1px 0;
        }

        h3 {
            color: #fff;
        }
    </style>
</head>

<body>
    <h1>重庆动物保护协会 Chongqing Animal Protection Association</h1>
    <!-- 导航栏模块 -->
    <nav class="nav">
        <div class="w">
            <ul>
                <li><a href="#">动物救助站</a></li>
                <li><a href="#">聆听我们的声音</a></li>
                <li><a href="F动物法律.html" target="_blank">动物法律</a></li>
                <li><a href="#">爱在身边</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
    </nav>
    <h3>无字</h3>
    <div class="banner"><img src="upload/大熊猫.jpg" alt="" /></div>
    <!-- 法律条款内容 -->
    <div class="div">
        <ul class="juzhong">
            <li><a href="">中华人民共和国濒危野生动植物进出口管理条例</a>----------[2021-09-27]</li>
            <hr>
            <li><a href="">中华人民共和国水生野生动物保护实施条例</a>[2021-09-27]</li>
            <hr>
            <li><a href="">重大动物疫情应急条例</a>[2021-09-28]</li>
            <hr>
            <li><a href="">全国人民代表大会常务委员会关于全面禁止非法野生动物交易、革除滥食野生动物陋习、切实保障人民群众生命健康安全的决定</a>[2021-09-24]</li>
            <hr>
            <li><a href="">中华人民共和国陆生野生动物保护实施条例</a>[2021-09-24]</li>
            <hr>
            <li><a href="">中华人民共和国进出境动植物检疫法</a>[2021-09-23]</li>
            <hr>
            <li><a href="">中华人民共和国渔业法</a>[2021-09-23]</li>
            <hr>
            <li><a href="">中华人民共和国刑法 (节选)</a>[2021-9-23]</li>
            <hr>
            <li><a href="">中华人民共和国野生动物保护法</a>[2021-09-23]</li>
            <hr>
            <li><a href="">中华人民共和国动物防疫法</a>[2021-09-23]</li>
            <hr>
            <li><a href="">中华人民共和国野生动物保护法</a>[2006-04-02]</li>
            <hr>
            <li><a href="">中华人民共和国渔业法（全文）</a></li>
            <hr>
        </ul>
    </div>
    <!-- 底部盒子 -->
    <div class="foot">
        <div class="center">
            <h3>友情链接：</h3>
            <a href="https://www.cast.org.cn/">中国科学技术协会&nbsp;&nbsp;</a>
            <a href="https://www.kepuchina.cn/">中华人民共和国自然资源部&nbsp;&nbsp;</a>
            <a href="http://www.forestry.gov.cn/">国家林业和草原局&nbsp;&nbsp;</a>
            <a href="http://www.ioz.ac.cn/">中国科学院动物研究所&nbsp;&nbsp;</a>
            <a href="https://www.birdnet.cn/">鸟网&nbsp;&nbsp;</a>
            <a href="http://tv.cctv.com/lm/mjzy/">秘境之眼&nbsp;&nbsp;</a>
            <a href="https://tv.cctv.com/lm/ryzr/index.shtml">人与自然</a>
            <hr>
        </div>
        <div class="second box">
            ©ANIMAL PROTECTED, powered by animal help.
            本站所有内容均由互联网上转载内容，如果有侵权请联系我们：19323042231@qq.com
        </div>
    </div>
</body>

</html>